/***************************************************************************
***************************** SITEWIDE STYLES ******************************
***************************************************************************/

#main{
	width:100%; /*815px;*/
	width:100%; /*900px;*/
	margin:0 auto;
	background: url(../../../images/adminImages/dashboardImages/glow-top.png) no-repeat center top;
	position:relative;
	overflow:hidden;
}

#main #gloss-overlay{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-400px;
	background:url(../../../images/adminImages/dashboardImages/gloss-overlay.png) no-repeat center top;
	width:800px;
	height:128px;
}
/***************************************************************************
*****************************HOME/PROJECT PAGE******************************
***************************************************************************/

h2#tagline{
	width:580px;
	height:46px;
	background: url(../../../images/adminImages/dashboardImages/headline-we-make-interfaces.png);
	margin:0 auto;
	margin-top:45px;
	margin-bottom:25px;
	position:relative;
	z-index:90;
}

#projects{
	width:700px;  /*799*/
	height:620px;
	display:block;
	background:url(../../../images/adminImages/dashboardImages/bg-main.png) no-repeat top left;
	margin: 0 auto;
	position:relative;
	color:#1a1f27;
}

#projects-bottom{
	height:48px;
	background:url(../../../images/adminImages/dashboardImages/bg-main.png) no-repeat bottom left;	
	width:799px;
	position:absolute;
	left:0;	
}

#project-type-nav{
	width:161px;
	margin-top:10px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#dce7fa;
	margin-left:2px;
	border-bottom:1px solid #5d6776;
	border-top:1px solid #313742;
	position:relative;
	line-height:0px;
}

#project-type-nav li{
	width:161px;
	height:26px;
	padding-top:10px;
	background:url(../../../images/adminImages/dashboardImages/project-nav-bg.png) no-repeat top left;
}

/*#project-type-nav li a{
	width:161px;
	height:30px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}*/

#project-type-nav li a span{
	width:146px;
	height:16px;
	display:block;
	text-indent:-99999em;
	margin-left:10px;
	/*margin-top:10px;*/
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:bottom left;
	background-position:top left;	
	position:relative;
	z-index:50;
	opacity: 0.65;

}
	
#project-type-nav li.web a span{	background-image:url(../../../images/adminImages/dashboardImages/text-desktop.png);}	
#project-type-nav li.iphone a span{	background-image:url(../../../images/adminImages/dashboardImages/text-iphone.png);}	
#project-type-nav li.desktop a span{	background-image:url(../../../images/adminImages/dashboardImages/text-web.png);}	
#project-type-nav li.setup a span{	background-image:url(../../../images/adminImages/dashboardImages/text-setup.png);}	

#project-type-nav li.current{
	position:absolute;
	width:	182px;
	height:	30px;
	display:block;
	background:url(../../../images/adminImages/dashboardImages/project-nav-current-bg.png) no-repeat top left;
	top:-1px;
	left:-7px;
	
	
} 

.project-dots {
	position:absolute;
	left:192px;
	bottom:17px;
}

.project-dots a{
	width:12px;
	height:12px;
	display:block;
	background:url(../../../images/adminImages/dashboardImages/icon-dot.png) no-repeat top left;
	text-indent:-99999em;
	margin-right:5px;
	float:left;
}

.project-dots a.active{
	background:url(../../../images/adminImages/dashboardImages/icon-dot.png) no-repeat bottom left;
}


.project-dots a.active:hover{
	opacity:1;
}

.button-next-project{
	position:absolute;
	right:0;
	bottom:0;
	width:153px;
	height:48px;
	background: url(../../../images/adminImages/dashboardImages/button-next-client.png) no-repeat top right;
	text-indent:-99999em;
	cursor: pointer;
}


.button-next-project:active{
	background: url(../../../images/adminImages/dashboardImages/button-next-client.png) no-repeat bottom right;	
}	


/***************************************************************************
**************************** PROJECT LISTING *******************************
***************************************************************************/

.project h3.project-title{
	font-size:25px;
	font-weight:bold;
	left:32px;
	bottom:18px;
	color:#1b1d20;
	text-shadow: 0px 1px 0px #e0e8f5;
	padding-left:20px;
}

/***************************************************************************
**************************** SCROLLER STUFF ********************************
***************************************************************************/

#scroller-window,
#scroller-web-window,
#scroller-iphone-window,
#scroller-desk-window,
#scroller-setup-window{
	width: 520px;
	height:540px;
}

#scroller-window {
   position:relative; 
   overflow:hidden;          
        
   float:left;
   margin-top:0px;
   margin-right:12px;	
   margin-bottom:9px;
   fbackground-color:#f00;
}

#scroller-fade-left,
#scroller-fade-right{
	position:absolute;
	width:10px;
	height:100%;
	top:0px;	
}

#scroller-fade-left{
	left:0px;
	/*background: url(../../../images/adminImages/dashboardImages/scroller-fade.png) repeat-y top right;*/
}


#scroller-fade-right{
	right:0px;
	/*background: url(../../../images/adminImages/dashboardImages/scroller-fade.png) repeat-y top left;*/
}

#scroller-web-window{ 
overflow:hidden;          
   width: 600px;     
}

#scroller-web-wrap{
	width:10000em;
	position:absolute;
}


#scroller-iphone-window{
   overflow:hidden;          
   width: 600px;     
 
}

#scroller-iphone-wrap{
	width:10000em;
	position:absolute;
}

#scroller-desk-window{
   overflow:hidden;          
   width: 600px;     
 
}

#scroller-desk-wrap{
	width:10000em;
	position:absolute;
}

#scroller-setup-window{
   overflow:hidden;          
   width: 600px;     
 
}

#scroller-setup-wrap{
	width:10000em;
	position:absolute;
}



#scroller-window .project{
	float:left;
}


#scroller-vertical{
	position:absolute;
	top:0;
	left:10px;
	height: 1380px;
	width:600px;
}

a{
		color:#0099FF;
		text-decoration:none;
}

a:hover{
		color:#FF9900;
		text-decoration:underline;
}

.spacer{
		background:url(../../../images/adminImages/commonImages/dot.gif) no-repeat;
		height:16px;
		position:fixed;
}

.project-text{
	margin-left:30px;

}